import React from 'react'
import './Footer.scss'
import ContentFooterLeft from '@/views/content/ContentFooter/ContentFooterLeft/ContentFooterLeft';
import ContentFooterMiddle from '@/views/content/ContentFooter/ContentFooterMiddle/ContentFooterMiddle';
import ContentFooterRight from '@/views/content/ContentFooter/ContentFooterRight/ContentFooterRight';

interface FooterProps {
    className?: string;
  }

const Footer = ({ className }: FooterProps) =>{
    console.log('脚步渲染')

    return(
        <div className={`${className} footer-contaniner`}>
            <ContentFooterLeft></ContentFooterLeft>
            <ContentFooterMiddle></ContentFooterMiddle>
            <ContentFooterRight></ContentFooterRight>
        </div>
    )
}

export default React.memo(Footer)